<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
	<p:dialog id="popUpNuevoFalta" header="#{i18n['erp.asistencia.falta.registrar']}" resizable="false" draggable="false"
		widgetVar="dlgNuevoFalta" modal="true" width="500" minWidth="500" appendTo="@(body)">
		<h:form id="formNuevoFalta" styleClass="formulario">
			<p:panel id="pnlNuevoFalta">
				<table class="formulario">
					
					<tr>
						<td width="30%">
							<h:outputLabel for="sumEmpleado" value="#{i18n['erp.asistencia.falta.empleado']}" />
						</td>
						<td>
							<p:selectOneMenu id="sumEmpleado" value="#{faltaDataManager.empleadoCodigo}" filter="true" required="true">
								<f:selectItem itemLabel="#{i18n['label.seleccione']}"/>
								<f:selectItems value="#{faltaController.faltaDataManager.empleadoList}" var="emp" itemLabel="#{emp.perApellidos} #{emp.perNombres}" itemValue="#{emp.aemCodigo}"/>
							</p:selectOneMenu>
						</td>
					</tr>
					
					<tr>
						<td width="30%">
							<h:outputLabel for="calFecha" value="#{i18n['erp.asistencia.falta.fecha']}" />
						</td>
						<td width="70%">
							<p:calendar id="calFecha" style="width: 100%" required="true" showOn="button" label="#{i18n['erp.asistencia.falta.fecha']}" value="#{faltaDataManager.fechaFalta}" pattern="yyyy-MM-dd"/>
						</td>
					</tr>
					
					<tr>
						<td width="30%">
							<h:outputLabel for="txtDescrip" value="#{i18n['erp.asistencia.falta.descripcion']}" />
							
						</td>
						<td width="70%">
							<p:inputTextarea id="txtDescrip" style="width: 100%" value="#{faltaDataManager.faltaInsertar.falDescripcion}"
								required="true" label="#{i18n['erp.asistencia.falta.descripcion']}" counterTemplate="{0}." maxlength="255" counter="counter" autoResize="false"/>
							<h:outputText id="counter" />  	
						</td>
					</tr>
					
					
				</table>
			</p:panel>
			<p:panel id="pnlBotones">
				<p:commandButton id="btnGuardar" value="#{i18n['label.guardar']}" actionListener="#{faltaController.registrarFalta}"
					oncomplete="if (args &amp;&amp; !args.validationFailed) dlgNuevoFalta.hide()"
					process="@this,pnlNuevoFalta" update="pnlNuevoFalta,:formFalta:pnlMessages,:formFalta:tabla"/>
					
				<p:commandButton value="#{i18n['label.cancelar']}" onclick="dlgNuevoFalta.hide();" type="button" />
			</p:panel>
		</h:form>
	</p:dialog>
	
</ui:composition>